{extends file='layout/front.html'}
{block name='headApend'}
<link href="{$config_site_url}style/lhgcalendar.css" rel="stylesheet" type="text/css">
{/block}
{block name='main'}
<script type="text/javascript" src="{$config_site_url}js/lhgcore.min.js"></script>
<script type="text/javascript" src="{$config_site_url}js/lhgcalendar.min.js"></script>
<script type="text/javascript" charset="utf-8">
$('.menu5').attr('class', 'menu5_cur');
</script>
<div class="main_c">
	<div class="main_top_btn_box pb15"><a href="#" class="data_sheet">创建数据分析</a></div>
	<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table">
		<tr class="table_head">
			<th>账号</th>
			<th colspan="4">{$begin_time|default:'开始时间'}</th>
			<th colspan="4">{$end_time|default:'结束时间'}</th>
			<th>粉丝</th>
			<th>转发</th>
			<th>评论</th>
			<th>微博</th>
			<th>转发评论</th>
		</tr>
		<tr class="table_head2">
			<th>&nbsp;</th>
			<th class="highlight">粉丝</th>
			<th class="highlight">被@</th>
			<th class="highlight">评论</th>
			<th class="highlight">微博</th>
			<th class="highlight">粉丝</th>
			<th class="highlight">被@</th>
			<th class="highlight">评论</th>
			<th class="highlight">微博</th>
			<th>粉丝增长</th>
			<th>@增长</th>
			<th>评论增长</th>
			<th>微博增长</th>
			<th>比率</th>
		</tr>
		{foreach $data as $val}
  		<tr>
  			<td>{$val.name}</td>
  			<td>{$val.begin.followers_count}</td>
  			<td>999999</td>
  			<td>999999</td>
  			<td>{$val.begin.statuses_count}</td>
  			<td>{$val.end.followers_count}</td>
  			<td>999999</td>
  			<td>999999</td>
  			<td>{$val.end.statuses_count}</td>
  			<td>{$val.end.followers_count-$val.begin.followers_count}</td>
  			<td>999999</td>
  			<td>999999</td>
  			<td>{$val.end.statuses_count-$val.begin.statuses_count}</td>
  			<td>147.45</td>
  		</tr>
		{/foreach}
	</table>
</div>

<!--popup start-->
<div id="pop_user_add" style="display:none">
	<div class="popup_bg"></div>
	<iframe class="popup_cover"></iframe>
	<div class="popup_box center_fix">
		<div class="popup_box_t"></div>
		<!--form-->
	    <form action="data.html" method="post" accept-charset="utf-8" id='dataform'>
		<div class="popup_box_c">
			<h3 class="popup_box_title">创建数据分析</h3>
			<ul class="form ml10 mr10">
				<li class="mt20">
					<label><span class="title">输入账号</span><span class="text psw">
						<input type="text" class="password_text" value="账号间用逗号隔开">
						<input type="text" class="password" name="user_name" style="display:none">
						</span></label>
				</li>
				<li class="line">
					<div></div>
				</li>
				<li>
					<label><span class="title">开始时间</span><span class="text psw">
						<input type="text" name="begin_time" />
						</span></label>
				</li>
				<li class="mb20">
					<label><span class="title">结束时间</span><span class="text psw">
						<input type="text" name="end_time" />
						</span></label>
				</li>
			</ul>
			<div class="popup_box_btn"><a href="#" class="btn3">创建</a><a href="#" class="btn2">取消</a></div>
		</div>
		</form>
		<div class="popup_box_b"></div>
	</div>
</div>
<div id="datepicker" style="z-index:-1"></div>
<!--popup end-->
<script type="text/javascript" charset="utf-8">
	$('input[name=begin_time],input[name=end_time]').click(function (){
		// $('#datepicker').datepicker({
		//            inline: true
		//        });
		J.calendar.Show();
	});
	
    $('.data_sheet').click(function(){
       $('#pop_user_add').show();
       $(window).resize();
       return false; 
    });
    
    $('#dataform .btn3').click(function(){
        $('#dataform').submit();
        return false;
    });

    $('#dataform .btn2').click(function(){
        $('#pop_user_add').hide();
        return false;
    });
</script>
{/block}